<template>
	<div>
		<el-tabs type="border-card" v-model="activeName" @tab-click="handleTabClick">
      <el-tab-pane label="资料明细" name="first"><datum-detail></datum-detail></el-tab-pane>
			<el-tab-pane label="资料分类" name="second"><datum-sort></datum-sort></el-tab-pane>
			<el-tab-pane label="资料下载" name="third"><download-detail></download-detail></el-tab-pane>
		</el-tabs>
	</div>
</template>
<script>
// import swiperSetting form './tabs/swiper.vue'
import { vm } from '../../utils/vm.js'
export default {
  components: {
    datumSort: require('./datumSort/index.vue').default,
    datumDetail: require('./datumDetail/index.vue').default,
    downloadDetail: require('./downloadDetail/index.vue').default
  },
  data() {
    return {
      activeName: 'first'
    }
  },
  mounted() {
    const activeName = this.$route.params.activeName
    if (activeName) {
      this.activeName = activeName
    }
  },
  methods: {
    handleTabClick() {
      localStorage.setItem('datumBar', this.activeName)
    }
  }
}
</script>
<style scoped>

</style>
